@import "../_mixin";

.report {

	section {
		padding-top: 0.293333rem;
		padding-bottom: 0.533333rem;
		border-bottom: 1px solid #e5e5e5;
		margin-bottom: 0.266667rem;
		background-color: #fff;

		.title {
			padding: 0 0 0.213333rem 0.64rem;

			h2 {
				padding-left: 0.2rem;
				border-left: 0.066667rem solid $primaryColor;
				@include font-dpr(18px);
			}
		}
	}

	.info {
		.scense {
			display: -webkit-box;
			padding: 0.48rem 0;
			border-top: 1px solid #e5e5e5;
			border-bottom: 1px solid #e5e5e5;

			.box {
				-webkit-box-flex: 1;
				padding: 0.053333rem 0;
				width: 100%;
				text-align: center;
				border-left: 1px solid #e5e5e5;

				&:first-child {
					border-left: none;
				}

				span {
					color: #999;
					@include font-dpr(13px);
				}

				.item {
					margin-top: 0.213333rem;
					color: $primaryColor;

					strong {
						@include font-dpr(24px);
					}

					em {
						@include font-dpr(15px);
					}
				}
			}
		}

		.house {
			padding: 0.4rem 0.6rem 0 0.6rem;

			.tag {
				span {
					display: inline-block;
					padding: 0.08rem 0.213333rem;
					margin-right: 0.186667rem;
					border: 1px solid #c9c9c9;
					border-radius: 5px;
					color: #666;
					@include font-dpr(13px);

					&:nth-child(1){
						border: 1px solid #7699ff;
						color: #7699ff;
					}

					&:nth-child(2){
						border: 1px solid #f6b505;
						color: #f6b505;
					}

					&:nth-child(3){
						border: 1px solid #fe7140;
						color: #fe7140;
					}
				}
			}

			.square {
				margin-top: 0.266667rem;

				span {
					margin-left: 0.933333rem;
					color: #999;
					@include font-dpr(13px);

					&:first-child {
						margin-left: 0;
					}
				}

				em {
					color: #333;
					@include font-dpr(16px);
				}
			}
		}
	}

	.pic {
		display: -webkit-box;
		/* padding-right: 0.64rem; */

		.img {
			-webkit-box-flex: 1;
			display: block;
			margin-left :0.64rem;
			width: 100%;
			position: relative;

			img {
				display: block;
				width: 100%;
			}

			span {
				position: absolute;
				left: 0;
				bottom: 0;
				padding: 0.08rem 0;
				width: 100%;
				text-align: center;
				background-color: #818181;
				color: #fff;
				@include font-dpr(13px);
			}
		}
	}

	.list {
		li {
			margin-top: 0.106667rem;
			padding-left: 1.013333rem;
			@include font-dpr(16px);

			label {
				color: #999;
			}

			span {
				color: #333;
				display: inline-block;
			    width: 80%;
			    vertical-align: top;
			}
		}
	}

	.worth {
		padding: 0 0.64rem;

		img {
			width: 100%;
		}
	}

	.assessment {
		padding: 0 0.64rem;
		text-align: center;

		p {
			height: 3rem;
			overflow: hidden;
			color: #666;
			line-height: 160%;
			text-align: left;
			@include font-dpr(15px);

			&.has-read {
				height: auto;
			}
		}

		.readmore {
			display: inline-block;
			margin-top: 0.266667rem;
			padding: 0.266667rem 0.533333rem;
			color: #fe7140;
			border: 1px solid #fe7140;
			border-radius: 0.106667rem;
			background-color: #fff1ec;
			@include font-dpr(16px);

			i {
				@include font-dpr(16px);
			}
		}
	}

	.other {
		padding: 0 0.64rem;

		li {
			float: left;
			padding: 0.293333rem 0;
			width: 100%;
			border-top: 1px dashed #dcdcdc;
			@include font-dpr(15px);

			&:first-child {
				border-top: none;
			}

			span {
				float: left;
				color: #666;
			}

			em {
				float: right;
				color: #999;
			}
		}
	}
}